/* wraper */
.wraper {
    width: 100%;
    height: 100%;
}

.header {
    width: 100%;
    height: 50px;
    background-color: #1f262b;
}

.header .h-nav {
    width: 1200px;
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}

.h-nav .nav-left {
    display: flex;
    align-items: center;
}

.h-nav .nav-left .img1 {
    margin-right: 10px;
}

.h-nav .nav-right .ul {
    display: flex;
    align-items: center;
}

.ul li {
    font-size: 12px;
    margin: 0 16px;
    color: #c7c6c6;
    cursor: pointer;
}

/* top1 */
.top1 {
    width: 100%;
    height: 1214px;
    overflow: hidden;
    position: relative;
    background: url('../img/bg01.webp') no-repeat center/cover;
}

.top1-cont {
    position: absolute;
    left: calc(50% - 722px);
    bottom: 40px;
    width: 1445px;
    height: 346px;
    margin: 0 auto;
    background: url('../img/bg01-1.webp');
    display: flex;
    justify-content: center;
    align-items: center;
}

.top1-cont .content {
    width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.content .left {
    display: flex;
}

.content .left .l-img {
    width: 39px;
    height: 239px;
    background: url('../img/bg01-2.png');
}

.content .left .right {
    position: relative;
    margin-left : 8px;
}

.content .left .right .top {
    width: 310px;
    height: 30px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    cursor: pointer;
}

.left .right .top .d1 {
    flex: 1;
    text-align: center;
    font-size: 20px;
    background-color: #d7e0e8;
    color: #3a6d77;
}

.left .right .top .d2 {
    flex: 1;
    text-align: center;
    font-size: 20px;
    background-color: #778da2;
    color: #fff;
}

.content .left .right .cont {
    width: 307px;
    margin: 0 0 5px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: center;
    color: white;
    display: block;
}

.right .cont .inp {
    width: 100%;
    height: 30px;
}
.right .cont .tit {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 13px;
}
.right .cont #cB {
    width: 14px;
    height: 14px;
}

.content .left .right .cont2 {
    width: 307px;
    margin: 0 0 5px;
    position: absolute;
    left: 0;
    top: 30px;
    color: white;
    display: none;
}

.right .cont2 .inp2 {
    width: 100%;
    height: 30px;
}
.right .cont2 .tit2 {
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    font-size: 13px;
}
.right .cont2 #cB2{
    width: 14px;
    height: 14px;
}

.right .bot {
    width: 329px;
    height: 45px;
    background: url(../img/kszc-2c5a6014.png.webp) no-repeat;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: -6px;
    overflow: hidden;
}
.right .bot:hover {
    background-position-y: -45px;
}

.cen {
    position: relative;
}
.cen .img {
    width: 360px;
    height: 207px;
}

.cen .img img {
    width: 100%;
    height: 100%;
}

.cen .bot {
    width: 329px;
    height: 45px;
    background: url('../img/lqlb-ef60bc0c.png.webp') 0px 45px;
    cursor: pointer;
}
.cen .bot:hover {
    background-position-y: -0px;
}
.cen .ul2 {
    /*width: 40px;*/
    position: absolute;
    right: 40px;
    bottom: 55px;
    height: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.cen .ul2 li {
    width: 6px;
    height: 6px;
    background-color: #93a0ac;
    margin: 0 5px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}

.active {
    width: 12px !important;
    height: 6px;
    border-radius: 20px !important;
    background-color: #fff !important;
    cursor: pointer;
}

.rgt .img {
    width: 360px;
    height: 207px;
}

.rgt {
    position: relative;
    margin-left: -40px;
}

.rgt .img img {
    width: 100%;
    height: 100%;
}

.rgt .r-bot {
    margin-top: 0;
    width: 329px;
    height: 45px;
    background: url('../img/xzyx-00d72002.png.webp') 0px 45px;
    cursor: pointer;
}
.rgt .r-bot:hover {
    background-position-y: -0px;
}
.rgt .ul3 {
    /*width: 40px;*/
    position: absolute;
    right: 40px;
    bottom: 55px;
    height: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.rgt .ul3 li {
    width: 6px;
    height: 6px;
    background-color: #93a0ac;
    margin: 0 5px;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}



.top1 .top1-bot {
    width: 851px;
    height: 35px;
    background: url('../img/bg01-3.webp');
    position: absolute;
    bottom: 8px;
    left: calc(50% - 425px);
}

/* ------------- */
.top2 {
    position: relative;
    width: 100%;
    height: 1125px;
    background-color: #cbd6e2;
}

.top2-top {
    width: 1345px;
    height: 234px;
    margin: 0 auto 30px;
    background: url('../img/bg02-1.webp');
}

.top2 .movie {
    width: 1340px;
    height: 617px;
    position: relative;
    margin: 0 auto;
}

.top2 .movie video {
    width: 100%;
    height: 100%;
}

.top2 .movie .btn {
    width: 138px;
    height: 138px;
    position: absolute;
    top: calc(50% - 69px);
    left: calc(50% - 69px);
    background: url(../img/bg02-2.webp);
    cursor: pointer;
    z-index: 1001;
}

.top2 .movie .run {
    width: 138px;
    height: 138px;
    position: absolute;
    top: calc(50% - 69px);
    left: calc(50% - 69px);
    animation: move 2s linear infinite;
    cursor: pointer;
}

@keyframes move {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(90deg);
    }

    50% {
        transform: rotate(180deg);
    }

    75% {
        transform: rotate(270deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.top2-bot {
    width: 1345px;
    height: 234px;
    margin: 0 auto;
    background: url('../img/bg02-4.webp');
}

.show {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    z-index: 10000;
    display: none;
}
.show .mv_one{
    position: absolute;
    width: 1200px;
    height: 675px;
    left: calc(50% - 600px);
    top: calc(50% - 337px);

}
.mv_one video {
    width: 100%;
    height: 100%;
}
.mv_one .del_one {
    width: 48px;
    height: 48px;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
}
.mv_one .del_one img {
    width: 100%;
    height: 100%;
}

/* ---------- */
.top3 {
    width: 100%;
    height: 569px;
    position: relative;
    overflow: hidden;
}

.top3-banner {
    width: 100%;
    height: 100%;
}

.top3-banner video {
    width: 100%;
    height: 100%;
}

.top3-banner .navs {
    width: 315px;
    height: 282px;
    overflow: hidden;
    position: absolute;
    top: -10px;
    left: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.top3-banner .navs .nav {
    width: 40px;
    height: 282px;
    cursor: pointer;
    overflow: hidden;
    transition: background-position-y .3s;
    background-color: #d35f5f;
}
.top3-banner .navs .nav:nth-child(1) {
    background: url(../img/bg03-1.webp) 0 -1px;
    /*background-position-x: -1px;*/
}

.navs .nav:nth-child(2) {
    background: url(../img/bg03-1.webp);
    background-position-x: -58px;
}

.navs .nav:nth-child(3) {
    background: url(../img/bg03-1.webp);
    background-position-x: -114px;
}

.navs .nav:nth-child(4) {
    background: url(../img/bg03-1.webp);
    background-position-x: -170px;
}

.navs .nav:nth-child(5) {
    background: url(../img/bg03-1.webp);
    background-position-x: -226px;
}

.navs .nav:nth-child(6) {
    background: url(../img/bg03-1.webp);
    background-position-x: -281px;
}

.navs .nav:nth-child(1):hover {
    background: url(../img/bg03-1.webp);
    margin-top: -20px;
    background-position-x: -369px !important;
    background-position-y: 20px;
}

.navs .nav:nth-child(2):hover {
    background: url(../img/bg03-1.webp);
    margin-top: -20px;
    background-position-x: -427px !important;
    background-position-y: 20px !important;
}

.navs .nav:nth-child(3):hover {
    background: url(../img/bg03-1.webp);
    margin-top: -20px;
    background-position-x: -483px !important;
    background-position-y: 20px !important;
}

.navs .nav:nth-child(4):hover {
    background: url(../img/bg03-1.webp);
    margin-top: -20px;
    background-position-x: -539px !important;
    background-position-y: 20px !important;
}

.navs .nav:nth-child(5):hover {
    background: url(../img/bg03-1.webp);
    margin-top: -20px;
    background-position-x: -595px !important;
    background-position-y: 20px !important;
}

.navs .nav:nth-child(6):hover {
    background: url(../img/bg03-1.webp);
    margin-top: -20px;
    background-position-x: -650px !important;
    background-position-y: 20px !important;
}

/* ------ */
.top4 {
    width: 100%;
    height: 870px;
    /*background: url('../img/bg04.webp')*/
}

.top4-top {
    width: 1345px;
    height: 234px;
    margin: 0 auto;
    background: url('../img/bg04-1.webp');
}

.top4 .content {
    width: 1340px;
    height: 550px;
    margin: 0 auto;
    overflow: hidden;
}

.top4 .content img {
    width: 100%;
    height: 100%;
    transition: all 1s;
    cursor: pointer;
}

.top4 .content-nav {
    width: 1340px;
    height: 41px;
    margin: 20px auto 0;
    /*background: url('../img/bg04-navs.webp');*/
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content-nav .navs {
    width: 85px;
    height: 38px;
    cursor: pointer;
}
.content-nav .navs:nth-child(1) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1px;
}

.content-nav .navs:nth-child(2) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -84px;
}

.content-nav .navs:nth-child(3) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -160px;
}

.content-nav .navs:nth-child(4) {
    background: url('../img/bg04-navs.webp');
    background-position-x:  -237px;
}

.content-nav .navs:nth-child(5) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -312px;
}

.content-nav .navs:nth-child(6) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -396px;
}

.content-nav .navs:nth-child(7) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -471px;
}

.content-nav .navs:nth-child(8) {
    background: url('../img/bg04-navs.webp');
    background-position-x:  -552px;
}

.content-nav .navs:nth-child(9) {
    background: url('../img/bg04-navs.webp');
    background-position-x:  -630px;
}

.content-nav .navs:nth-child(10) {
    background: url('../img/bg04-navs.webp');
    background-position-x:  -703px;
}

.content-nav .navs:nth-child(11) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -788px;
}

.content-nav .navs:nth-child(12) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -866px;
}

.content-nav .navs:nth-child(13) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -950px;
}

.content-nav .navs:nth-child(14) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1020px;
}

.content-nav .navs:nth-child(15) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1100px;
}
.content-nav .navs:nth-child(16) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1185px;
}
.content-nav .navs:nth-child(17) {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1265px;
}
.content-nav .navs:nth-child(1):hover {
    background: url('../img/bg04-navs.webp');
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(2):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -80px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(3):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -160px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(4):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -237px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(5):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -312px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(6):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -396px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(7):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -471px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(8):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -552px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(9):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -630px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(10):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -703px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(11):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -788px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(12):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -866px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(13):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -950px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(14):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1020px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(15):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1100px;
    background-position-y: 40px !important;
}

.content-nav .navs:nth-child(16):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1185px;
    background-position-y: 40px;
}
.content-nav .navs:nth-child(17):hover {
    background: url('../img/bg04-navs.webp');
    background-position-x: -1265px;
    background-position-y: 40px;
}



/* ------------- */
.top5 {
    width: 100%;
    /*height: 975px;*/
    overflow: hidden;
    background: url('../img/bg05.webp')
}
.top5-nav {
    width: 1345px;
    height: 234px;
    margin: 0 auto;
    background: url('../img/bg05-nav.webp');
}
.top5-center {
    width: 100%;
    height: 719px;
    overflow: hidden;
    position: relative;
}
.top5-center .top5-img {
    width: 100%;
    height: 719px;
}
.top5-img img {
    width: 100%;
    height: 100%;
}
.top5-center .ul5 {
    width: 360px;
    height: 282px;
    position: absolute;
    top: -10px;
    right: 80px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*background: url('../img/bg05-ul.webp');*/
}
.top5-center .ul5 li {
    width: 39px;
    height: 272px;
    cursor: pointer;
    /*margin-right: 14px;*/
    transition: background-position-y .4s;
    background-color: #778da2;
}

.ul5 li:nth-child(1) {
    background: url(../img/bg05-ul.webp);
    background-position-x: -278px;
}

.ul5 li:nth-child(2) {
    background: url(../img/bg05-ul.webp);
    background-position-x: 0px;
}

.ul5 li:nth-child(3) {
    background: url(../img/bg05-ul.webp);
    background-position-x: -60px;
}

.ul5 li:nth-child(4) {
    background: url(../img/bg05-ul.webp);
    background-position-x: -113px;
}

.ul5 li:nth-child(5) {
    background: url(../img/bg05-ul.webp);
    background-position-x: -170px;
}

.ul5 li:nth-child(6) {
    background: url(../img/bg05-ul.webp);
    background-position-x: -225px;
}
.ul5 li:nth-child(7) {
    background: url(../img/bg05-ul.webp);
    background-position-x: -333px;
}
.ul5 li:nth-child(1):hover {
    background: url(../img/bg05-ul.webp);
    background-position-x: -699px !important;
    margin-top: -30px;
    background-position-y: 20px
}

.ul5 li:nth-child(2):hover {
    background: url(../img/bg05-ul.webp);
    background-position-x: -418px !important;
    margin-top: -30px;
    background-position-y: 20px
}

.ul5 li:nth-child(3):hover {
    background: url(../img/bg05-ul.webp);
    background-position-x: -478px !important;
    margin-top: -30px;
    background-position-y: 20px
}

.ul5 li:nth-child(4):hover {
    background: url(../img/bg05-ul.webp);
    background-position-x: -533px !important;
    margin-top: -30px;
    background-position-y: 20px
}

.ul5 li:nth-child(5):hover {
    background: url(../img/bg05-ul.webp);
    background-position-x: -588px !important;
    margin-top: -30px;
    background-position-y: 20px
}

.ul5 li:nth-child(6):hover {
    background: url(../img/bg05-ul.webp);
    background-position-x: -644px !important;
    margin-top: -30px;
    background-position-y: 20px
}
.ul5 li:nth-child(7):hover {
    background: url(../img/bg05-ul.webp);
    background-position-x: -756px !important;
    margin-top: -30px;
    background-position-y: 20px
}

/* ------------- */
.top6 {
    position: relative;
    width: 100%;
    height: 1000px;
    background: url("../img/bg06.webp") -200px 0;
    /*background-position: ;*/
    overflow: hidden;

}

.top6-top {
    width: 1345px;
    height: 234px;
    margin: 0 auto;
    background: url('../img/bg06-top.webp');
}

.top6 .movie {
    width: 1340px;
    height: 617px;
    position: relative;
    margin: 25px auto 0
}

.top6 .movie video {
    width: 100%;
    height: 100%;
}

.top6 .movie .btn {
    width: 138px;
    height: 138px;
    position: absolute;
    top: calc(50% - 69px);
    left: calc(50% - 69px);
    background: url(../img/bg02-2.webp);
    z-index: 1001;
    cursor: pointer;
}

.top6 .movie .run {
    width: 138px;
    height: 138px;
    position: absolute;
    top: calc(50% - 69px);
    left: calc(50% - 69px);
    animation: move 2s linear infinite;
    cursor: pointer;
}

@keyframes move {
    0% {
        -webkit-transform: rotate(0deg);
    }

    25% {
        -webkit-transform: rotate(90deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
    }

    75% {
        -webkit-transform: rotate(270deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

/*--------------*/
.top7 {
    width: 100%;
    height: 875px;
    background: url("../img/bg07.webp");
    overflow: hidden;
}
.top7-top {
    width: 927px;
    height: 179px;
    margin: 200px auto 0;
    background: url('https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/xfe-layer-56-4a9b1170.png.webp');
}
.cent7 {
    width: 614px;
    height: 69px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 40px auto 0;
}
.let7, .rgt7 {
    width: 266px;
    height: 69px;
    overflow: hidden;
    cursor: pointer;
}
.let7 {
    background: url("https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/zc-b5a2213d.png.webp");
}
.let7:hover {
    background-position-y: -69px;
}
.rgt7 {
    background: url("https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/xz-7d400db1.png.webp");
}
.rgt7:hover {
    background-position-y: -69px;
}
.bot7 {
    margin: 100px auto 0;
    width: 1483px;
    height: 190px;
    background: url("https://jx3.xoyo.com/zt/2020/05/08/fenliuye-pc/assets/img/xfe-layer-57-29847e6a.png.webp");
}

/*-------------------*/
.footer {
    width: 100%;
    height: 100px;
    background-color: #222;
}
.footer-content {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.f-left {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.f-left .lft {
    width: 126px;
    height: 40px;
    margin-right: 50px;
    background: url(../img/footer.png) no-repeat;
}
.f-left .rgt {
    width: 200px;
    height: 50px;
    margin-top: -5px;
    background: url("../img/footer-1.png") no-repeat;
}
.footer-content .cent{
    color: white;
    font-size: 12px;
}
.footer-content .cent p {
    margin: 10px 0;
    cursor: pointer;
    color: #ddd;
}
.footer-content .cent .p {
    color: #d35f5f;
}
.footer-content .f-right {
    width: 80px;
    height: 24px;
    cursor: pointer;
}
.footer-content .f-right img {
    width: 100%;
    height: 100%;
}

/*---------*/
.aside {
    position: fixed;
    top: calc(50% - 330px);
    width: 84px;
    height: 659px;
    left: 10px;
    z-index: 9999;
}
.a-ul li {
    width: 78px;
    height: 78px;
    margin: 5px auto 0;
    cursor: pointer;
}
.a-ul li:nth-child(1) {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -6px -90px;
}

.a-ul li:nth-child(2) {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -6px -184px;
}

.a-ul li:nth-child(3) {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -6px -277px;
}

.a-ul li:nth-child(4) {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -6px -370px;
}

.a-ul li:nth-child(5) {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -6px -466px;
}

.a-ul li:nth-child(6) {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -6px -558px;
}

.a-ul li:nth-child(7) {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -6px -648px;
}

.a-ul li:nth-child(8) {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -6px -738px;
}

.a-ul li:nth-child(1):hover {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -103px -90px;
}

.a-ul li:nth-child(2):hover {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -103px -184px;
}

.a-ul li:nth-child(3):hover {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -103px -277px;
}

.a-ul li:nth-child(4):hover {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -103px -370px;
}

.a-ul li:nth-child(5):hover {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -103px -466px;
}

.a-ul li:nth-child(6):hover {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -103px -558px;
}

.a-ul li:nth-child(7):hover {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -103px -648px;
}

.a-ul li:nth-child(8):hover {
    background: url(https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/cbdh-f7b73b44.png.webp) -103px -738px;
}

/*-------------*/
.fixed {
    position: fixed;
    right: 20px;
    bottom: 80px;
    width: 206px;
    height: 238px;
    overflow: hidden;
    background: url("https://jx3.xoyo.com/p/zt/2021/10/14/fenliuye/pc/assets/img/tong_ren_nav-20770e25.png.webp") no-repeat center/cover;
    z-index: 99;
}